<script setup lang="ts">
import MenuRadio from "./MenuRadio.vue";
import Submenu from "./Submenu.vue";
import ClosedCaptionsIcon from "~icons/media/closed-captions";
</script>

<template>
  <Submenu label="Captions">
    <template #icon>
      <ClosedCaptionsIcon class="h-5 w-5" />
    </template>
    <template #content>
      <media-captions-radio-group class="w-full flex flex-col">
        <!-- eslint-disable-next-line vue/no-lone-template -->
        <template>
          <MenuRadio />
        </template>
      </media-captions-radio-group>
    </template>
  </Submenu>
</template>
